<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<fieldset style="border: none;border-top:1px solid #333;">
    <legend>添加</legend>
</fieldset>

<!--<form action="">-->
    <div>
        <input name="name" placeholder="书名" id="book_name">
    </div>
    <div>
        <input name="name" placeholder="编号" id="book_num">
        <button id="shengcheng">生成</button>
    </div>
    <div>
        <button id="tianjia">添加</button>
    </div>
<!--</form>-->

<fieldset style="border: none;border-top:1px solid #333;">
    <legend>书籍列表</legend>
</fieldset>

<div style="margin-bottom:20px;">
    <input name="name" placeholder="关键字" id="txt">
    <button id="search">查询</button>
</div>

<table border="1" id="tab1">
    <thead>
    <th>
        编号
    </th>
    <th>
        名称
    </th>
    <th>
        操作
    </th>
    </thead>
    <tbody>
    <!--<tr>
        <td>SG_0001</td>
        <td>高中物理一</td>
        <td>
            <button >删除</button>
        </td>
    </tr>-->
    </tbody>

</table>
<script src="js/index.js">
</script>
</body>
</html>